/*
 * @Description: 公共
 * @Author: DHL
 * @Date: 2021-12-24 17:31:26
 * @LastEditors: DHL
 * @LastEditTime: 2022-07-19 13:17:22
 */

import { defineComponent, computed, reactive, ref, onMounted } from 'vue'
import { ElMessage, ElMessageBox } from 'element-plus'
import { assign, cloneDeep } from 'lodash-es'
import {
  CodeGenModel,
  CodeGenPageParams,
  CodeGenPageResultModel
} from '/@/api/systemTools/model/codeGenModel'
import { apiCodeGenBatchDeleteByIds, apiCodeGenSearch } from '/@/api/systemTools/codeGen'
import { TwTableOptions } from '/@/types/table.d'
import { arraySerializeToStr } from '/@/utils/twUtils'
import { router } from '/@/router'

export default defineComponent({
  name: 'SystemToolsCodeGen',
  setup(props) {
    //////////////////////////////////////////////////
    // 属性
    //////////////////////////////////////////////////

    const loading = ref(false)

    /**
     * 表格数据
     */
    const tableData = ref()

    /**
     * 查询表单
     */
    const searchFormRef = ref()

    /**
     * 数据列表
     */
    const tableRef = ref()

    /**
     * 表单
     */
    const formRef = ref()

    /**
     * 是否有选中的行
     */
    const isSelectRows = computed(() => {
      let selectRows: Array<CodeGenModel> = []
      if (tableRef.value) {
        selectRows = tableRef.value.getSelectRows()
      }
      return selectRows.length < 1
    })

    //////////////////////////////////////////////////
    // 查询表单
    //////////////////////////////////////////////////

    const defaultSearchForm = {
      code: undefined,
      name: undefined,
      status: undefined
    }

    /**
     * 查询表单
     */
    const searchForm = reactive(cloneDeep(defaultSearchForm))

    //////////////////////////////////////////////////
    // 表格
    //////////////////////////////////////////////////

    /**
     * 表格配置
     */
    const tableOptions = reactive<TwTableOptions>({
      id: 'codeGenTable',
      sortConfig: {
        defaultSort: [{ field: 'updateDate', order: 'desc' }]
      },
      columns: [
        { type: 'checkbox', title: '复选', width: 40 },
        { type: 'seq', title: '序号', width: 50 },
        { field: 'tableName', title: '表名', sortable: true },
        { field: 'tableComment', title: '表描述', sortable: true },
        { field: 'className', title: '类名', sortable: true },
        { field: 'genName', title: '功能描述', sortable: true },
        { field: 'genAuthor', title: '生成人', sortable: true },
        { field: 'projectId', title: '所属项目', sortable: true },
        { field: 'updateDate', title: '更新时间', sortable: true },
        { title: '操作', width: 100, slots: { default: 'action' } }
      ]
    })

    /**
     * 绑定事件
     */
    const tableEvents = reactive({})

    //////////////////////////////////////////////////
    // 函数
    //////////////////////////////////////////////////

    /**
     * 查询表格数据函数
     * @param queryParams
     */
    function searchList(queryParams: CodeGenPageParams) {
      loading.value = true
      apiCodeGenSearch(assign(queryParams, searchForm))
        .then((result: CodeGenPageResultModel) => {
          tableData.value = result
        })
        .catch(() => {})
        .finally(() => {
          loading.value = false
        })
    }

    /**
     * 查询表格数据
     */
    function handleSearch() {
      tableRef.value.handleQuery()
    }

    /**
     * 刷新
     */
    function handleRefresh() {
      tableRef.value.handleReload()
    }

    /**
     * 重置
     */
    function handleReset() {
      assign(searchForm, cloneDeep(defaultSearchForm))
      tableRef.value.handleQuery()
    }

    /**
     * 删除
     */
    function handleDelete(row?: CodeGenModel) {
      let selectRows: Array<CodeGenModel> = []

      if (row) {
        selectRows = [row]
      } else {
        selectRows = tableRef.value.getSelectRows()
      }

      ElMessageBox.confirm(`此操作将删除${selectRows.length}条记录, 是否继续?`, '删除提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      })
        .then(() => {
          const ids = arraySerializeToStr(selectRows, 'id')
          apiCodeGenBatchDeleteByIds(ids).then((result) => {
            if (result?.success) {
              handleRefresh()

              ElMessage.success(result.message)
            } else {
              ElMessage.error(result?.message)
            }
          })
        })
        .catch(() => {
          ElMessage.info('删除被取消了')
        })
    }

    /**
     * 弹出表单
     */
    function handleOpenForm(action: string, row?: Nullable<CodeGenModel>) {
      if (row) {
        router.push({
          path: '/codeGenConfig',
          query: {
            id: row.id
          }
        })
      } else {
        router.push({
          path: '/codeGenConfig'
        })
      }
    }

    //////////////////////////////////////////////////
    // 生命周期
    //////////////////////////////////////////////////
    onMounted(() => {})

    return {
      loading,
      tableData,
      searchFormRef,
      tableRef,
      formRef,
      searchForm,
      tableOptions,
      tableEvents,
      isSelectRows,
      searchList,
      handleSearch,
      handleRefresh,
      handleReset,
      handleDelete,
      handleOpenForm
    }
  }
})
